<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<link href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/reset_pc.css" />
		<link rel="stylesheet" type="text/css" href="css/pcld.css" />
		<script type="text/javascript" src="js/n_rem.js"></script>
		<title>Document</title>
		
	</head>

	<body>
		<!-- Swiper -->
		<div id="pcld">
			<div id="nav">
				<div class="w">
					<a  href="#"><img class="logo" src="image/logo.png"/></a>
					<a class="fr login" href="#">登录</a>
					<ul class="navList fr">
						<li><a href="#">首页</a></li>
						<li><a href="#">招标订阅</a></li>
						<li><a href="#">拟建项目</a></li>
						<li><a href="#">招标搜索</a></li>
						<li><a href="#">开放平台</a></li>
					</ul>
					
				</div>
			</div>
			<div class="swiper-container swiper-no-swiping">
				
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="w">
							<img class="title" src="image/0-title.png"/>
							<div class="iner">
								<div class="l">
									<img src="image/0-1.png"/>
									<img src="image/0-2.png"/>
								</div>
								<div class="r">
									<img src="image/0-3.png"/>
									<img src="image/0-4.png"/>
								</div>
								<div class="l">
									<img src="image/0-5.png"/>
									<img src="image/0-6.png"/>
								</div>
								<div class="r">
									<img src="image/0-7.png"/>
									<img src="image/0-8.png"/>
								</div>
								
							</div>
							<img class="btn" src="image/0-btn.png"/>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="p1-1" src="image/1-1.png"/>
							<img class="p1-2" src="image/1-2.png"/>
							<img class="p1-3" src="image/1-3.png"/>
							<p class="p1-text">微信扫码&nbsp;立即使用</p>
							<div class="ewm">
								<img src="image/o1-ewm.png"/>
							</div>
							<p class="bottom-text">剑鱼招标订阅专注招标信息的订阅和搜索</p>
							<img class="subText" src="image/1-4.png"/>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="p2-1" src="image/2-1.png"/>
							<ul class="p2-list">
								<li><a href="#"><img src="image/2-2.png"/></a></li>
								<li><a href="#"><img src="image/2-3.png"/></a></li>
								<li><a href="#"><img src="image/2-4.png"/></a></li>
								<li><a href="#"><img src="image/2-5.png"/></a></li>
								<li><a href="#"><img src="image/2-6.png"/></a></li>
							</ul>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="p3-1" src="image/p3-text.png"/>
							<img class="p3-2" src="image/p3-6.png"/>
							<img class="p3-3" src="image/p3-5.png"/>
							<img class="p3-4" src="image/p3-1.png"/>
							<img class="p3-5" src="image/p3-2.png"/>
							<img class="p3-6" src="image/p3-3.png"/>
							<img class="p3-7" src="image/p3-4.png"/>
							<a class="btn" href="#">马上免费使用</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="title" src="image/p4-text.png"/>
							<p class="p4-center">
								<img src="image/p4-1.png"/>
								<img src="image/p4-jt.png"/>
								<img src="image/p4-2.png"/>
								<img src="image/p4-jt.png"/>
								<img src="image/p4-3.png"/>
							</p>
							<a class="btn" id="p4Btn"  href="javascript:;">立即免费使用</a>
							
						</div>
						<div id="master" class="master">
							<div class="tc">
								<ul class="inner">
									<li class="list one">
										<a class="close">X</a>
										<h3 class="ms-title">欢迎使用剑鱼招标订阅！请选择您的行业，可多选</h3>
										<ul class="sec1">
											<li><a class="active" href="javascript:;">工程建筑</a></li>
											<li><a href="javascript:;">水利水电</a></li>
											<li><a href="javascript:;">能源化工</a></li>
											<li><a href="javascript:;">弱点安防</a></li>
											<li><a href="javascript:;">信息技术</a></li>
											<li><a href="javascript:;">办公用具</a></li>
											<li><a href="javascript:;">机械设备</a></li>
											<li><a href="javascript:;">交通运输</a></li>
											<li><a href="javascript:;">医疗卫生</a></li>
											<li><a href="javascript:;">市政设施</a></li>
											<li><a href="javascript:;">其他</a></li>	
										</ul>
										<ul class="dot">
											<li class="active"></li>
											<li></li>
											<li></li>
										</ul>
										<button class="m-btn">下一步</button>
									</li>
									<li class="list two">
										<a class="close">X</a>
										<h3 class="ms-title">输入详细关键词查询，比如“教学设备”、“税务局 软件”</h3>
										<input class="search" placeholder="请输入关键词" type="text" name="" id="" value="" />
										<p class="sub-text">或选择以下关键词：</p>
										<ul class="select-list">
											<li class="active">水利工程</li>
											<li>水利设施</li>
											<li>水电工程</li>
											<li>水电站</li>
											<li>水电安装</li>
											<li>给水</li>
										</ul>
										<ul class="dot twoDot">
											<li></li>
											<li class="active"></li>
											<li></li>
										</ul>
										<p class="btn-group">
											<button class="pre">上一步</button>
											<button class="next">下一步</button>
										</p>
									</li>
									<li class="list three">
										<a class="close">X</a>
										<h3 class="ms-title three-title">微信扫一扫&nbsp;&nbsp;&nbsp;完成订阅</h3>
										<p>
											<img src="image/p4-m-ewm.png"/>
										</p>
										<ul class="dot">
											<li></li>
											<li></li>
											<li class="active"></li>
										</ul>
										<h4>您订阅的关键词：<span>水利工程、水电站、给水</span></h4>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div id="w">
							<h3 class="title">
								全国招标信息精准查询，1秒极速响应
							</h3>
							<div class="scearchInner">
								<input class="search" type="text" placeholder="请输入你要查询的招标信息" />
								<button>搜索</button>
								
							</div>
							
						</div>
						<p>招标搜索，帮您快速锁定需求</p>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="title" src="image/p6-title.png"/>
							<ul class="list">
								<li>工程建筑</li>
								<li>水利桥梁</li>
								<li>医疗化工</li>
								<li>弱电安防</li>
								<li>IT通讯电子</li>
								<li>行政办公</li>
								<li>机械制造</li>
								<li>交通物流</li>
								<li>文化教育</li>
								<li>环保绿化</li>
								<li>能源电力</li>
								<li>农林牧渔</li>
							</ul>
						</div>
						<button class="btn">查看更多行业</button>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img src="image/p7-title.png"/>
							
						</div>
						<div class="center">
							<div class="fl">
								<a href="javascript:;"><img src="image/p5-2.jpg"/></a>
								<a href="javascript:;"><img src="image/p5-3.jpg"/></a>
								<a href="javascript:;"><img src="image/p5-4.jpg"/></a>
								
								<a href="javascript:;"><img src="image/p5-5.png"/></a>
								<a href="javascript:;"><img src="image/p5-6.jpg"/></a>
								<a href="javascript:;"><img src="image/p5-7.jpg"/></a>
								
								<a href="javascript:;"><img src="image/p5-8.jpg"/></a>
								<a href="javascript:;"><img src="image/p5-9.jpg"/></a>
								<a href="javascript:;"><img src="image/p5-10.jpg"/></a>
							</div>
							
							<div class="fr">
								<a href="javascript:;"><img src="image/p5-11.png"/></a>
								<a href="javascript:;"><img src="image/p5-12.jpg"/></a>
							</div>
						</div>
						<a class="p7-btn" href="javascript:;"><img src="image/p7-btn.png"/></a>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="title" src="image/p8-title.png"/>
						</div>
						<ul class="center">
							<li>北京分站</li>
							<li>上海分站</li>
							<li>河南分站</li>
							<li>广东分站</li>
							<li>江苏分站</li>
							<li>山东分站</li>
							<li>安徽分站</li>
							<li>浙江分站</li>
							<li>四川分站</li>
							<li>陕西分站</li>
							<li>湖北分站</li>
							<li>更多省份</li>
						</ul>
					</div>
					<div class="swiper-slide">
						<div class="w">
							<img class="title" src="image/p9-title.png"/>
							<div class="inner">
								<ul class="p9-center">
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
								<li>
									<span>山东</span>
									<i>188****2654</i>
									<em>收到2条招标信息</em>
								</li>
							</ul>
							</div>
							<div class="ewm">
								<img src="image/p9-ewm.png"/>
							</div>
							<p>扫描关注  立即使用</p>
						</div>
						
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			
		</div>

		<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.min.js"></script>
		<script type="text/javascript" src="js/pcld.js"></script>
	</body>

</html>